<%-- 
    Document   : login
    Created on : 26-feb-2013, 21:34:19
    Author     : DEMRR
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html>
<html>
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="description" content="Expand, contract, animate forms with jQuery wihtout leaving the page" />
        <meta name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"/>
        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>	
      	<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="css/style in.css" rel="stylesheet" type="text/css" media="screen" />
	<script type="text/javascript" src="js/limpiar_campos.js"></script>
		
        <STYLE type="text/css">
            A:link {text-decoration:none;color:#000033;}
            A:visited {text-decoration:none;color:#ffcc33;} 
            A:active {text-decoration:none;color:#ff0000;} 
            A:hover {text-decoration:underline;color:#FFFFFF;} 
        </STYLE>
        
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <div id="logo">
                    <img src="images/logo-sm-main.png"/>
		</div>
            </div>
	</div>
	<!-- end #header -->
	<div id="menu">
            <ul>
                <li><a href="index.jsp">Inicio</a></li>
                <li><a href="construccion.jsp">Historia</a></li>
                <li><a href="construccion.jsp">Ubicaciones</a></li>
                <li><a href="construccion.jsp">Productos</a></li>
                <li><a href="construccion.jsp">Boletin</a></li>
                <li><a href="contacto.jsp">Contacto</a></li>
                <li class="current_page_item"><a>Entrar</a></li>						
            </ul>
	</div>
	
	<div id="page" style="background-color:transparent;">
            <div class="content" style="background-color:transparent; margin-left:50px; margin-right:50px; ">
                <div id="button1"  align="center" style="margin-left:175px; margin-right:175px;">
                    <img src="images/logo-sm-main.png" />
		</div>

		<div id="blank2" style="float:middle; margin-left:175px; margin-right:175px; background-color:#CEDBDF;"></div>
		
		<div style="float:middle; margin-left:175px; margin-right:175px; height:190px;">
        <form id="form1" name="form1" method="post" action="http://localhost:8080/appSanMartin/validarUs" >
		
		<div id="blank" align="center" style="font-size:30px;" >
        <label for="usuario">Usuario:&nbsp;&nbsp;</label>
        <input type="text" name="usuario" id="usuario" onClick="javascript: limpia(this);" /><p></p>
		</div>
		
		<div id="blank" align="center" style="font-size:30px;">
        <label for="pass">Contrase&ntilde;a:</label>
        <input type="password" name="pass" id="pass" onClick="javascript: limpia(this);"/><p>
		<a href="olvido_contra.jsp"   rel="register" style="font-family:Times New Roman, Times, serif; font-size:13px; ">¿Olvido su Contrase&ntilde;a?</a>
        
		
		</div>
		<div id="blank2" style="height:50px; background-color:#CEDBDF;">
		
		<div align="right">
        <input type="submit" name="btnok" id="btnok" value="Iniciar Sesion" onClick="javascript: validar();" />
		</div>
		</div>		
        </form>
				
		</div>
		
		<div class="bottom" align="right" style="background-color:#999999; height:75px; margin-left:175px; margin-right:175px;">
				
		</div>
		
		
		
		
		
		

		
                    <div class="bottom" align="right" style="background-color:#999999; height:75px; margin-left:175px; margin-right:175px;">
                    </div>
		</div>
            </div>	
		
            <div id="footer">
                <p>Copyright (c) 2013 San Mart&iacute;n, Todos los derechos reservados. Dise&ntilde;ado por ASI 2. Photos by <a href="http://fotogrph.com/">fotografias</a>.</p>
            </div>
    </body>
</html>